<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>今日待办悬浮信息框</title>
    <link rel="stylesheet" href="../common/css/reset.css" />
    <link rel="stylesheet" href="../common/css/element-ui.css" />
    <link rel="stylesheet" href="../common/css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <button class="button1">显示</button>
    <!-- 运营提示框 -->
    <div
      class="dialog-container"
      id="kefu_remind"
      v-cloak
      style="display: none"
    >
      <div class="dialog-content">
        <div class="dialog-header">
          <h5>今日待办</h5>
          <div class="button button-close" onclick="$('#kefu_remind').hide()">
            ×
          </div>
        </div>
        <div class="dialog-body">
          <el-row :gutter="10">
            <el-col :span="24">
              <el-form
                :model="filterForm"
                size="mini"
                :inline="true"
                ref="filterFormRef"
                class="form-filter"
              >
                <el-form-item label="事件类型:" prop="event_type">
                  <el-select
                    v-model="filterForm.event_type"
                    @change="getInfoList"
                    clearable
                  >
                    <el-option
                      v-for="item in eventTypeList"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="公司:" prop="company_name">
                  <el-input
                    v-model="filterForm.company_name"
                    placeholder="请输入公司"
                    @change="getInfoList"
                  ></el-input>
                </el-form-item>
                <el-form-item label="联系人:" prop="contact_name">
                  <el-input
                    v-model="filterForm.contact_name"
                    placeholder="请输入联系人"
                    @change="getInfoList"
                  ></el-input>
                </el-form-item>
                <el-form-item>
                  <div class="panel-line flex-end">
                    <el-button
                      type="danger"
                      class="button-search"
                      @click="getInfoList"
                      >查询</el-button
                    >
                    <el-button @click="resetfilterForm">重置</el-button>
                  </div>
                </el-form-item>
              </el-form>
              <el-table
                stripe
                :data="infoTable.list"
                size="mini"
                :header-cell-style="{ background: '#F5F5F5', color: '#000000' }"
                ref="infoTable"
                style="width: 100%"
                v-loading="infoTable.loading"
              >
                <el-table-column
                  align="center"
                  header-align="center"
                  label="公司"
                  prop="company_name"
                ></el-table-column>
                <el-table-column
                  align="center"
                  header-align="center"
                  label="联系人"
                  prop="contact_name"
                ></el-table-column>
                <el-table-column
                  align="center"
                  header-align="center"
                  label="事件"
                  prop="event_type"
                >
                </el-table-column>
                <el-table-column
                  align="center"
                  header-align="center"
                  label="事件日期"
                  prop="event_time"
                >
                </el-table-column>

                <el-table-column
                  align="center"
                  fixed="right"
                  header-align="center"
                  label="操作"
                  width="120"
                >
                  <template slot-scope="scope">
                    <a :href="scope.row.link" target="_blank" class="link">
                      回访
                    </a>
                  </template>
                </el-table-column>
              </el-table>
              <el-pagination
                small
                background
                :current-page="infoTable.pageNumber"
                :page-size="infoTable.pageSize"
                :page-sizes="[10, 20, 50, 100]"
                :total="infoTable.total"
                @current-change="currentChangeHandle('infoTable', $event)"
                @size-change="sizeChangeHandle('infoTable', $event)"
                layout="total, sizes, prev, pager, next, jumper"
                style="margin-top: 20px; text-align: right"
              ></el-pagination>
            </el-col>
          </el-row>
        </div>
      </div>
    </div>
    <script src="../common/js/jquery-3.2.1.min.js"></script>
    <script src="../common/js/vue.min.js"></script>
    <script src="../common/js/element-ui.js"></script>
    <script src="./js/ajax.js"></script>
    <script src="./js/index.js"></script>
    <script>
      $(".button1").click(function () {
        $("#kefu_remind").show();
        window.appDailyReminder.init();
      });
    </script>
  </body>
</html>
